<template>
  <n-layout class="app-layout">
    <TheHeader />
    <n-layout-content
      :content-style="{
      }"
    >
      <n-layout
        class="app-layout-content" :content-style="{

        }"
      >
        <n-layout-content>
          <RouterView />
        </n-layout-content>
        <n-layout-footer>
          <TheFooter />
        </n-layout-footer>
      </n-layout>
    </n-layout-content>
  </n-layout>
</template>

<style scoped>
.app-layout{
  --app-header-height: 80px;

  @media (max-width: 1023.9px) {
    --app-header-height: 50px;

  }
  .app-layout-content {

  }
}
</style>
